<template>
  <div class="user-info">
    <static-container class="user-info__inner">
      <static-container-header size="small">
        个人资料
      </static-container-header>
      <static-container-body>
        <user-info></user-info>
      </static-container-body>
    </static-container>

    <user-address></user-address>
  </div>
</template>

<script>
  import UserInfo from './user-info';
  import UserAddress from './address';

  export default {
    name: 'user-view',
    components: {
      UserInfo,
      UserAddress
    }
  };
</script>

<style lang="scss" scoped>
  @include b(user-info) {
    padding: 20px;
    @include main-center(800px);
    @include e(inner) {
      padding-bottom: 40px;
      margin-bottom: 60px;

      border-bottom: 1px solid $--border-color-base;
    }
  }
</style>
